<%--
  Created by IntelliJ IDEA.
  User: 21309
  Date: 2024/11/18
  Time: 15:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人资料编辑页面</title>
    <link rel="stylesheet" href="../css/nav.css" />
    <link rel="stylesheet" href="../css/user.css" />
    <style>
        .head_center{
            a{
                text-decoration: none;
                color: #1d2124;
            }
            a:hover{
                color:#00aaff;
            }
        }
        .content{
            height: 600px;
        }
    </style>
</head>
<body>
<jsp:include page="nav.jsp" />
<div class="all">
<div class="user_left">
    <!-- 个人中心区域 -->
    <div class="user_head">
        <img src="../img/people.png" alt="用户头像" class="head-pic">
        <div class="head_have">
            <p class="username">用户名</p>
            <p class="user-status">欢迎回来</p>
        </div>
    </div>
    <br><br>
    <div class="head_left">
        <p>收藏</p>
        <p>13</p>
    </div>
    <div class="head_right">
        <p>点赞</p>
        <p>31</p>
    </div>
    <br>
    <hr size="5px" color="grey" />
    <div class="head_center">
        <h4>个人设置</h4>
        <h3><a href="myUser.jsp">我的预约</a></h3>
        <h3><a href="user.jsp" >个人资料</a></h3>
        <h3><a href="user_anquan.jsp">账号安全</a></h3>
        <h3><a href="message.jsp">系统通知</a></h3>
    </div>
</div>
<div class="content">
    <h2>编辑资料</h2>
    <form action="#" method="post">
        <div class="user_right">
            <img src="../img/people.png" >
            <p>
                <label>
                    用户昵称:<br>
                    <input type="text" placeholder="请输入用户名" />
                </label>
            </p>
            <p>
                <label>
                    用户姓名:<br>
                    <input type="text" placeholder="请输入真实姓名" />
                </label>
            </p>
            <p>
                <label class="sex">
                    性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：
                    <label for="choose1"><input type="radio" name="item1" id="choose1">男</label>
                    <label for="choose2"><input type="radio" name="item1" id="choose2">女</label>
                </label>
            </p>
            <p>
                <label>
                    联系电话：<br>
                    <input type="text" placeholder="请输入手机号"/>
                </label>
            </p>
            <p>
                <label>
                    地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：<br>
                    <input type="text" placeholder="请输入地址">
                </label>
            </p>
            <p>
                <label>
                    自我简介:<br>
                    <textarea id="intro" name="intro" rows="2" placeholder="请填写自我简介"></textarea>
                </label>
            </p>
        </div>
        <input type="button" value="取消" name="back" class="back"/>
        <input type="submit" value="保存" name="submit" class="submit"/>
    </form>
</div>
</div>
<style>
    .head_center{
        a{
            text-decoration: none;
            color: #1d2124;
        }
        a:hover{
            color:#00aaff;
        }
    }
    .content{
        height: 600px;
    }
</style>
</body>
</html>